.box{
	width: 100%;
	display: flex;
	.first{
		background-color:#FFFFFF;
		width: 100%;
		position: fixed;
		padding: 24rpx 0;
		
		z-index: 9999;
		.firstBox{
			width: 96%;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color:#F5F7FA;
			border-radius:40rpx;
			height: 80rpx;
			.firstView{
				display: flex;
				align-items: center;
				padding: 0 22rpx;
			}
			.firstImg{
				width: 40rpx;
				height: 40rpx;
				padding: 0 8rpx;
			}
			.firsttext{
				background: #EBEBEB;
				margin-right: 18rpx;
				height: 24rpx;
				width: 2rpx;
				
			}
			.firsttext2{
				color: #292929;
				font-size:28rpx;
				font-weight: 500;
			}
		}	
	}
	.second{
		width: 96%;
		background-color: #FFFFFF;
		height: 208rpx;
		margin: 152rpx  auto 0;
		.headline_content {
			.items {
				display: flex;
				margin: 24rpx 0;
				padding: 32rpx 24rpx;
		
				.left_img {
					width: 192rpx;
					height: 144rpx;
					border-radius: 8rpx;
					margin-right: 24rpx;
				}
		
				.right_box {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
		
					.text {
						font-family: PingFangSC, PingFang SC;
						font-weight: 500;
						font-size: 32rpx;
						color: #292929;
					}
		
					.read_count {
						display: flex;
						align-content: center;
						justify-content: space-between;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
					}
				}
			}
		
		}
	}
	.third{
		font-size: 24rpx;
		font-weight: 400;
		text-align: center;
		height: 150rpx;
	}
}
